<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
  <meta charset="UTF-8">
  <title>^^title--开户协议配置</title>

  <link rel="stylesheet" href="^^static_url/css/vendor.css">
  <link rel="stylesheet" href="^^static_url/css/1m2.css">
  <style>
    #info {
      padding: 50px 100px 50px 200px;
    }

    .form-group {
      width: 100%;
      display: flex;
      justify-content: flex-start;
      align-items: center;
    }

    .form-group > input {
      max-width: 240px;
    }

    .form-group > select {
      max-width: 240px;
    }

    .form-group > span {
      min-width: 100px;
      display: inline-block;
    }

    .agreement-info p {
      line-height: 30px;
    }

    .agreement-info li {
      line-height: 30px;
    }

    .btn-collapse {
      text-align: center;
    }
  </style>
  <script src="https://cdn.bootcss.com/wangEditor/10.0.13/wangEditor.min.js"></script>
</head>
<body>
@@include('header.html')
@@include('menu.html')
<div class="content-wrap" id="app">
  <div class="detail-title">
    <div class="detail-title-text">开户协议配置</div>
  </div>
  <form id="info">

    <div class="form-group">
      <span>银行名称:</span>
      <input v-model="agreementInfoShow.bankName" readonly v-if="id" class="form-control" type="text" autocomplete="off"
             name="bankId"
             id='buildingNameSearch' value="{{agreementInfoShow.bankName}}">
      <select v-else id="devId" name="bankId" v-model="sendToSave.bankId" class="form-control" autocomplete="off">
        <option value="">请选择</option>
        <option v-for="(list,index) in bankList" :value="list.channelCode">{{list.payChannel}}
        </option>
      </select>
    </div>
    <div class="form-group">
      <span>协议名称:</span>
      <input v-model="sendToSave.protocolName" v-bind:readonly="justLook" class="form-control" type="text"
             autocomplete="off" name="protocolName"
             value="{{sendToSave.protocolName}}">
    </div>
    <div class="form-group">
      <span>是否显示:</span>
      <div class="input-list">
        <input v-bind:disabled="justLook" v-model="sendToSave.state" type="radio" id="genderChoice1" name="state"
               value="0">
        <label for="genderChoice1">是</label>
        <input v-bind:disabled="justLook" v-model="sendToSave.state" type="radio" id="genderChoice2" name="state"
               value="1">
        <label for="genderChoice2">否</label>
      </div>
    </div>
    <div class="form-group">
      <span>协议内容:</span>
      <div id="text-div" name="content">
      </div>
    </div>
    <div class="form-group">
      <span>显示顺序:</span>
      <input v-bind:readonly="justLook" v-model="sendToSave.displayOrder" class="form-control" type="text"
             autocomplete="off" name="protocolName"
             value="{{sendToSave.displayOrder}}">
    </div>
    <div class="form-group">
      <span></span>
      <div class="btn-gtoup">
        <button v-if="!justLook" class="btn btn-default btn-primary" @click.prevent="saveAgreementInfo"
                id="saveAgreementInfo">提交
        </button>
        <button class="btn btn-default btn-primary" @click.prevent="cancel">取消</button>
      </div>
    </div>
    <div class="btn-collapse"><a @click.prevent="btnCollapse">{{btnMsg.title}}</a></div>
    <div class="agreement-info" v-show="btnMsg.isShow">
      <p>协议要求：</p>
      <p>1、变量格式应如{realName},变量内容不能为空;</p>
      <p>2、变量提示:订单编号(icNo)、业务订单号(businessOrderId)、姓名(realName)、身份证号(idCardNo)、手机号码(phone)、<br/>
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;居住地(address)、楼盘名称(buildAddress)、身份证签发机关(organ)、 性别(sex)、生日(born)、<br/>
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;民族(nation)、身份证有效期起(userLifeBegin)身份证有效期止(userLifeEnd)、支付金额(payAmount)、 总金额(tradeAmount)、<br/>
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;开发商名称(devName)、户型名称(buildingTypeName)、用户银行卡名称(bankName)用户银行卡卡号(bankCardNo)、开户银行名称(ebankName)、<br/>
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;交易日期(tradeDate)、金额大写(upperCase)、金额小写(lowerCase)
      </p>
    </div>
  </form>
</div>
@@include('footer.html')
<!-- 批量导入模态框 -->
</body>
<script src="^^static_url/js/vendor.js"></script>
<script src="^^static_url/js/bankProtocol_edit.js"></script>
</html>